@import "../../core/color.scss";
@import "../../core/function.scss";

.re-progress-bar {
  @include pos;
  margin-top: 30px;
  padding-bottom: 30px;
  .re-all-progress {
    width: 80%;
    height: 12px;
    border-radius: 10px;
    background: $fa;
  }
  .re-done-progress {
    @include pos(absolute);
    left: 0;
    top: 1px;
    height: 10px;
    border-radius: 10px;
    width: 0;
    @include transi(width);
  }
  .re-show-num {
    @include pos(absolute);
    white-space: nowrap;
    left: 82%;
    top: -7px;
    font-size: 16px;
    .re-icon {
      margin-right: 6px;
      color: $ccc;
    }
    .none {
      font-style: inherit;
    }
  }
  .re-goal-num {
    @include pos(absolute);
    left: 45%;
    top: -36px;
    color: $green;
    text-align: center;
    .re-icon {
      display: block;
      margin-top: -8px;
    }
  }
  .re-nomal-bg {
    background: $green!important;
  }
  .re-goal-bg {
    background: $yellow!important;
  }
}
